(function() {
	function formatDate(value) {
		return value ? value.dateFormat('M d, Y') : '';
	}
	var store = new Ext.data.Store({
		url : 'get-invoice-data.php',
		baseParams : {
			startDate : '01/01/2008',
			endDate : '01/31/2008'
		},
		reader : new Ext.data.JsonReader({
			record : 'transaction',
			id : 'id',
			totalRecords : 'total'
		}, [ 'customer', 'invNo', {
			name : 'date',
			type : 'date',
			dateFormat : 'm/d/Y'
		}, {
			name : 'value',
			type : 'float'
		} ])
	});

	var grid = new Ext.grid.GridPanel({
		title : '发票报表 Invoice Report',
		bbar : new Ext.PagingToolbar(store),
		store : store,
		columns : [ {
			header : "Customer",
			width : 250,
			dataIndex : 'customer',
			sortable : true
		}, {
			header : "Invoice Number",
			width : 120,
			dataIndex : 'invNo',
			sortable : true
		}, {
			header : "Invoice Date",
			width : 100,
			dataIndex : 'date',
			renderer : formatDate,
			sortable : true
		}, {
			header : "Value",
			width : 120,
			dataIndex : 'value',
			renderer : 'usMoney',
			sortable : true
		} ],
	});
	store.load();
	return grid;
})();
